<template>
  <div>
    <button v-on:click="count++">
      You clicked me {{ count }} times.{{ tt }}
    </button>
    <p>{{ tt }}</p>
    <slot></slot>
    <p>{{ userContent.id +1 }}</p>
    <button @click="$emit('enlarge-text')">Enlarge text</button>
  </div>
</template>
<script>
export default {
  name: "ButtonCounter",
  props: ["tt", "userContent"],
  data() {
    return {
      count: 0,
      tt:this.tt,
      userContent:this.userContent,
    };
  },
  mounted() {
  },
};
</script>
<style lang="sass" scoped>
</style>